#app {
    font-family: Microsoft YaHei;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    height: 100%;

}

html,
body {
    height: 100%;
    box-sizing: border-box;
    background: #F6F8FC;
}

//  将此文件在man.js中引入，作为全局通用样式引入
//  类名语义化 通过 - 分割单词 单词过长时取简写或前几位字母命名
//  新增css通用样式时 标明注释 作用 要求类名语义化 可读性高 达到通用化
//  vue组件中父子标签嵌套时，样式也进行嵌套编辑
//  组件内部通用样式在组件中提取到最高层级 通过组件内通用类名进行添加统一样式
//  单个样式修改时在vue组件内进行修改



.container {
    height: 100%;
    border-radius: 8px;
    background: #fff;

    // .container-title {
    //     font-size: 18px;
    //     color: rgba(0, 0, 0, 0.9000);
    //     line-height: 50px;
    //     border-bottom: 2px solid #E5E5E5;
    //     padding-left: 20px;
    //     display: flex;
    //     font-weight: bold;

    //     // 返回
    //     .back {
    //         cursor: pointer;
    //         align-items: center;
    //         margin-right: 5px;
    //     }
    // }

    .container-content {
        height: calc(100% - 52px);
        box-sizing: border-box;
        padding: 20px;

        // 内容顶部检索区域
        .container-search {
            display: flex;
            justify-content: space-between;
            margin-bottom: 10px;
        }

        .container-table {
            height: calc(100% - 80px);
            margin-bottom: 20px;
            overflow-y: auto;

        }


    }
}
.container-pagintion {
    height: 40px;
    display: flex;
    justify-content: flex-end;
    :deep.el-pagination {
        justify-content: flex-end;

        .is-active {
            // background-color: #FAFAFA !important;
        }
    }
}

.el-form-item__label{
    font-weight: bold;
}
.el-container {
    height: calc(100% - 60px);
}

// 头部
.el-header {
    // 头部背景色
    background: #02529F;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.16);
    z-index: 1001;
}

.el-aside {
    // 侧边栏背景色
    background: #FFFFFF;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    border-radius: 0px;
    z-index: 1000;
    box-sizing: border-box;
}

.el-table {
    height: 100%;

    .el-table__inner-wrapper {
        height: 100%;

        .el-table__body-wrapper {
            height: calc(100% - 40px);
            overflow-y: auto;
        }
    }
}

.el-table.is-scrolling-none th.el-table-fixed-column--right {
    background: #FAFAFA !important;
}

.el-table th.el-table__cell {
    background: #FAFAFA !important;
    color: #333;
    font-weight: bold;
}

.el-table .el-table__cell {
    padding: 14px 0;
}


.el-container {
    height: 100%;
}

//字体加粗
.c-font-b {
    font-weight: bold;
}

// 定义字体(px)单位
@for $i from 5 to 100 {
    .c-font-#{$i} {
        font-size: $i + px;
    }
}

// 行高
@for $i from 12 to 100 {
    .l-h-#{$i} {
        line-height: $i + px;
    }
}

//上外边距
@for $i from 2 to 50 {
    .c-m-t-#{$i} {
        margin-top: $i + px;
    }
}

//下外边距
@for $i from 2 to 50 {
    .c-m-b-#{$i} {
        margin-bottom: $i + px;
    }
}

//左外边距
@for $i from 2 to 50 {
    .c-m-l-#{$i} {
        margin-left: $i + px;
    }
}

//右外边距
@for $i from 2 to 100 {
    .c-m-r-#{$i} {
        margin-right: $i + px;
    }
}

//上内边距
@for $i from 2 to 50 {
    .c-p-t-#{$i} {
        padding-top: $i + px;
    }
}

//下内边距
@for $i from 2 to 50 {
    .c-p-b-#{$i} {
        padding-bottom: $i + px;
    }
}

//左内边距
@for $i from 2 to 50 {
    .c-p-l-#{$i} {
        padding-left: $i + px;
    }
}

//右内边距
@for $i from 2 to 100 {
    .c-p-r-#{$i} {
        padding-right: $i + px;
    }
}

.pagination {
    height: 70px;
    display: grid;
    justify-items: end;
    align-items: center;
    padding: 0 15px;
}


.search {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 60px;
}

.all {
    width: 100%;
    background-color: #fff;
    border-radius: 5px;

    .content {
        width: 100%;
        background-color: #fff;
        border-radius: 5px;
        margin-top: 10px;
        .top {
            width: 100%;
            height: 60px;
            display: flex;
            justify-content: space-between;
            align-items: center;

            .el-button {
                margin-right: 3vw;
            }
        }
    }
}
